{include file="header.html"}
<div class="main-content">
	<div class="breadcrumbs" id="breadcrumbs">
		{literal}
		<script type="text/javascript">
			try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
		</script>
		{/literal}
		<ul class="breadcrumb">
			<li>
				<i class="icon-home home-icon"></i>
				<a href="#">首页</a>
			</li>

			<li>
				<a href="#">类别管理</a>
			</li>
			<li class="active">类别列表</li>
		</ul><!-- .breadcrumb -->
	</div>

	<div class="page-content">
		<div class="page-header">
			<h1>
				类别列表
			</h1>
		</div><!-- /.page-header -->

		<div class="row">
			<div class="col-xs-12">
				<!-- PAGE CONTENT BEGINS -->
						<div class="table-responsive">
							<table id="sample-table-1" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th class="center">
											<label>
												<input type="checkbox" class="ace" />
												<span class="lbl"></span>
											</label>
										</th>
										<th>类别名称</th>
										<th>创建时间</th>
										<th>备注</th>
										<th class="hidden-480">排序</th>
										<th class="hidden-480" style='width:120px'>操作</th>
									</tr>
								</thead>	
								<tbody>
								    {foreach $data as $key=>$v}
									<tr>
										<td class="center">
											<label>
												<input type="checkbox" class="ace" />
												<span class="lbl"></span>
											</label>
										</td>
										<td>
											<a href="#">{$v.name}</a>
										</td>
										<td>{date('Y-m-d',$v.create_time)}</td>
										<td>{$v.remark}</td>
										<td class="hidden-480">{$v.order_num}</td>
										<td class="hidden-480 center">
											<a href="{$APP}/newsType/edit-tid-{$v.tid}.html" class="btn btn-xs btn-info">编辑</a>
											<a href="{$APP}/newsType/del-tid-{$v.tid}.html" class="btn btn-xs btn-danger">删除</a>
										</td>
									</tr>
									{/foreach}
								</tbody>
							</table>
			            </div>
                <!-- PAGE CONTENT ENDS -->
     			{$page_str}
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.page-content -->
</div><!-- /.main-content -->			
{literal}
<script>
$().ready(function(){
	$("table th input:checkbox").bind('click',function(){
		  var that = this;
		  $(this).closest('table').find('tr > td:first-child input:checkbox')
		    .each(function() {
		      this.checked = that.checked;
		      $(this).closest('tr').toggleClass('selected');
		    });
	});
})
</script>
{/literal}							
{include file="footer.html"}